<script setup>
const props = defineProps(['text']);
</script>
<template>
	<div class="card-title">
		<div></div>
		<p>{{ props.text }}</p>
	</div>
</template>
<style>
.card-title {
	align-self: flex-start;
	display: flex;
	height: 32px;

	> div {
		height: 100%;
		width: 3px;
		background: 3px #01f4f4;
		border-radius: 3px;
	}

	> p {
		margin-left: 8px;
		line-height: 32px;
		font-size: 24px !important;
	}
}
</style>